<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html">
<html>
<head>
<title>查询</title>
<link rel="stylesheet" type="text/css" href="<c:url value='/jquery/easyui/themes/bootstrap/easyui.css'/>">
<link rel="stylesheet" type="text/css"	href="<c:url value='css/mainTable.css'/>">
<link rel="stylesheet" type="text/css"	href="<c:url value='css/queryForm.css'/>">
<link rel="stylesheet" type="text/css" href="<c:url value='/jquery/easyui/themes/icon.css'/>">
<script type="text/javascript" src="<c:url value='/jquery/easyui/jquery.min.js'/>"></script>
<script type="text/javascript" src="<c:url value='/jquery/easyui/jquery.easyui.min.js'/>"></script>
<script type="text/javascript" src="<c:url value='/jquery/easyui/locale/easyui-lang-zh_CN.js'/>"></script>
<script type="text/javascript" src="<c:url value='/jquery/easyui/jquery.helper.js'/>"></script>
<script type="text/javascript"	src="<c:url value='/common/invokeRemoteAction.js'/>"></script>
<script type="text/javascript" src="<c:url value='/broadbandMan/js/broadbandMan.js'/>"></script>
<script type="text/javascript">
	var contextPath = "/jdh_view";
</script>
<style>
.listline{ border-bottom:  1px solid #fff; padding-top:1px; margin-left:1px; margin-bottom:1px;}
.start{
	background:#18a1f0;
	color:#ffffff
}
.end{
	background:#ff7900;
	color:#ffffff
}
.condition-btn{
	-moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
         border-radius: 5px 5px 5px 5px;
	 background-color:#18a1f0;
	 color:#fff;
	 
}
.icon-caret-down{
     /*background-color:#eee;
     padding-left:6px;
     padding-right:6px;
     padding-top:4px;
     padding-bottom:4px;*/
     line-height:18px;
     
}
.textbox{
     margin-right:3px;
}
.l-btn-left{
    padding-left:4px;
    padding-right:4px;
}
.panel-title{
    color:#fff;
    margin-left:10px;
}
.icon-save,
.icon-remove-circle,
.icon-ok-circle{
    margin-right:3px;
}
.icon-question-sign{
   font-size:48px;
   color:#fdc960;
   padding-right:10px;
   margin-top:50px;
}
</style>


<body>
<div class="easyui-layout" fit="true">
<div region="center" border="false" border="false"style="width:100%;height:99%;">
	  <div title="普通查询" id="commonQuery"   style="padding:1px;height:35px;width:650px;">
		      <form id="staticForm" method="post"  > 
			      <table width="99%" border="0" cellspacing="0" cellpadding="0">
			        <tr>
			            <td align="right" class="font">视图编码：</td>
			          	<td>
			           		<input name="queryViewCode"  class="easyui-textbox" id="queryviewCode" maxlength="40" style="width:125px;"/>
			        	</td>
			        	<td align="right" class="font">页面编码：</td>
			          	<td>
			           		<input name="queryPageCode"  class="easyui-textbox" id="queryPageCode" maxlength="40" style="width:125px;"/>
			        	</td>
			        	<td align="right" class="font">类型：</td>
			        	<td>
			        		<input id="queryUrlType" name="queryUrlType" class="easyui-combobox"
								data-options="valueField:'value',textField:'name',panelHeight:'140px'"
								style="width: 150px;">
			           		<a id="lineTestBtn" class="easyui-linkbutton condition-btn"  style="" data-options="plain:false" onclick="broadbandMan.loadData();"><i class="icon-search" style="margin-right:3px;"></i>查询</a>
			        	</td>
			        </tr>
			      </table>
			 </form> 
	</div>
	<div id ="viewToolbar" class="datagrid-toolbar" style="background-color:#F5F5F5;border:1px;">
		<table  cellSpacing="0" cellPadding="0">
			<tbody>
			<tr>
				<td>
					<a id="viewAddBtn" class="l-btn l-btn-small l-btn-plain" onclick="broadbandMan.insert();"><span class="l-btn-left l-btn-icon-left"><span class="l-btn-text">新增</span><span class="l-btn-icon icon_add_circle">&nbsp;</span></span></a>
				</td>
				<td><div class="datagrid-btn-separator"/></td>
				<td>
					<a id="viewEditBtn" class="l-btn l-btn-small l-btn-plain"  onclick="broadbandMan.update();"><span class="l-btn-left l-btn-icon-left"><span class="l-btn-text">修改</span><span class="l-btn-icon icon_edit_set">&nbsp;</span></span></a>
				</td>
				<td>
			</tr>
			</tbody>
		</table>
	</div>
	<div style="padding:1px;height:90%;" id="accTab">
			<table id="broadbandMan_datagrid" toolbar="#viewToolbar" class="easyui-datagrid"  pageSize="20" style="width:100%;height:99%" nowrap="false"    rownumbers="true" pagination="true">
					<thead> 
						<tr>
							<th field="id" width="15%" align="center" hidden="true">id</th>
							<th field="viewCode" width="10%" align="center">视图编码</th>
							<th field="pageCode" width="10%" align="center">页面编码</th>
							<th field="name" width="10%" align="center">名称</th>
							<th field="img" width="20%" align="center">图片路径</th>
							<th field="url" width="20%" align="center">跳转路径</th>
							<th field="urlTypeName" width="20%" align="center">跳转类型</th>
						</tr>
					</thead> 
				</table>
		</div> 

</div>
</div>
<div id="viewWindow" title="新增" class="easyui-window"
		closed="true" collapsible="false" minimizable="false"
		maximizable="false" resizable="false"
		style="width: 750px; height: 200px; padding: 1px;">
		<div class="easyui-layout" fit="true" style="top: -5px;">
			<div region="center" border="false" border="false"
				style="width: 100%; height: 80%;">
				<form id="viewForm" method="post">
					<table width="700px" border="0" cellspacing="0" cellpadding="0" align="center">
						<tr style="height: 32px;">
							<td align="right" class="font">视图编码：</td>
							<td align="left" class="font"><input name="viewCode" id="viewCode" data-options="required:true"
								class="easyui-textbox" maxlength="40" style="width: 150px;" /></td>
							<td align="right" class="font">页面编码：</td>
							<td align="left" class="font"><input name="pageCode" id="pageCode" data-options="required:true"
								class="easyui-textbox" maxlength="40" style="width: 150px;" /></td>
							<td align="right" class="font">名称：</td>
							<td align="left" class="font"><input name="name" id="name" data-options="required:true"
								class="easyui-textbox" maxlength="40" style="width: 150px;" /></td>
						</tr>
						<tr style="height: 32px;">
							<td align="right" class="font">图片路径：</td>
							<td align="left" class="font"><input name="img" id="img" data-options="required:true"
								class="easyui-textbox" maxlength="40" style="width: 150px;" /></td>
							<td align="right" class="font">跳转路径：</td>
							<td align="left" class="font"><input name="url" id="url" data-options="required:true"
								class="easyui-textbox" maxlength="40" style="width: 150px;" /></td>
							
						</tr>
						<tr style="height: 32px;">
							<td align="right" class="font">跳转类型：</td>
							<td align="left" class="font">
							<input id="urlType" name="urlType" class="easyui-combobox"
								data-options="valueField:'value',textField:'name',panelHeight:'140px'"
								style="width: 150px;"></td>
							<td align="right" class="font">顺序编码：</td>
							<td align="left" class="font"><input name="index" id="index、" data-options="required:true"
								class="easyui-textbox" maxlength="40" style="width: 150px;" /></td>
						</tr>
						<tr style="height: 32px;">
							<td align="right" class="font">备注<font color="red">*</font>：</td>
							<td align="left" colspan="3"><textarea id="desc" class="easyui-validatebox" data-options="required:true" 
									name="desc" style="width: 99%; border: 1px solid #ddd;" 
									rows=3 ></textarea></td> 
						</tr>
						<tr style="display: none;">
							<td><input name="id" id="id" /></td>
						</tr>

					</table>
				</form>
			</div>

			<div region="south" border="2" style="width: 99%; height: 20%;"
				align="center">
				<a href="#" class="easyui-linkbutton blue-btn" data-options=""
					onclick="broadbandMan.inserOrUpdateDate();">确认</a>
				<a href="#"
					class="easyui-linkbutton blue-btn" data-options=""
					onclick="broadbandMan.closeWin('viewWindow');">取消</a>
			</div>
		</div>
	</div>
<script type="text/javascript">
var broadbandMan=new BroadbandMan();
var high=$(window).height();
var saveOrUpdate="";
$("#broadbandMan_datagrid").height(high-55);
$(function(){
		var param={serviceName:"broadbandManService",methodName:"getJdhStaticList",needTrans:"N",param:{typeName:"urlType"},
				handleFunc:function(resultObj){
					$('#urlType').combobox({data: resultObj});
					$('#queryUrlType').combobox({data: resultObj});
				}
		};
		invokeRemoteAsync(param);
});

</script>
</body>
</html>
